<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
<title>表单对象的属性过滤器的示例</title>
<script type="text/javascript" src="JS/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("input:checked").css("display","none");//隐藏选中的复选框
		$("input:disabled").val("我是不可用的");            //为灰色不可用按钮赋值
	});
	function selectVal(){							 //下拉列表框变化时执行的方法
		alert($("select option:selected").val());      //显示选中的值
	}
</script>
</head>
<body>
<form>
  复选框1： <input type="checkbox" checked="checked" value="复选框1"/>
  复选框2： <input type="checkbox" checked="checked" value="复选框2"/>
  复选框3：  <input type="checkbox" value="复选框3"/><br />
  不可用按钮：  <input type="button" value="不可用按钮" disabled><br />
  下拉列表框：
  <select onchange="selectVal()">
    <option value="列表项1">列表项1</option>
    <option value="列表项2">列表项2</option>
    <option value="列表项3">列表项3</option>
  </select>
</form>
</body>
</html>
